.top-container {
  position: relative;
  .extra-btn {
    position: absolute;
    top: 70rpx;
    right: 48rpx;
  }
}

.program-list-box {
  padding: 0 32rpx;
  margin-top: 80rpx;
  .group-box {
    .program-group {
      width: 100%;
      font-family: PingFang SC;
      font-style: normal;
      font-size: 32rpx;
      font-weight: 500;
      color: var(--dark-color);
    }
    .program-list {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column: 2;
      gap: 16rpx;
      padding: 24rpx 0rpx;
      box-sizing: border-box;
      text-align: center;
      .program {
        font-family: PingFang SC;
        font-style: normal;
        font-size: 36rpx;
        font-weight: 600;
        color: var(--dark-color);
        background-color: #f4f4f6;
        height: 108rpx;
        line-height: 108rpx;
        &.active {
          color: var(--primary-color);
          font-size: 40rpx;
          font-weight: 600;
        }
      }
    }
  }
}

.adjust-params {
  padding: 0 32rpx;
  .adjust-title {
    font-family: PingFang SC;
    font-style: normal;
    font-size: 64rpx;
    font-weight: 600;
    color: var(--dark-color);
    margin: 24rpx 0;
  }
  .adjust-parameter-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: 2;
    gap: 12rpx;
    justify-content: stretch;

    > .prefix,
    > .suffix {
      grid-column-start: span 2;
    }
    > .prefix {
      margin-bottom: 24rpx;
    }
    > .suffix {
      margin-top: 24rpx;
    }
    > .grid-item {
      &.fullrow {
        grid-column-start: span 2;
      }
    }
  }
}
